---
layout: guide
scripts:
  - "/js/build/install.js"
---

{% include vars.html %}

{{i18n.ci_intro}}

{% capture travis    %}{% include_relative _ci/travis.md    %}{% endcapture %}
{% capture semaphore %}{% include_relative _ci/semaphore.md %}{% endcapture %}
{% capture appveyor  %}{% include_relative _ci/appveyor.md  %}{% endcapture %}
{% capture circle    %}{% include_relative _ci/circle.md    %}{% endcapture %}
{% capture codeship  %}{% include_relative _ci/codeship.md  %}{% endcapture %}
{% capture solano    %}{% include_relative _ci/solano.md    %}{% endcapture %}


<div class="tabs">
  <div class="nav nav-tabs bg-faded text-center">
    <ul class="nav navbar-nav nav-inline">
      <a id="appveyor-tab" class="nav-item nav-link" data-toggle="tab" href="#appveyor">{{i18n.ci_appveyor}}</a>
      <a id="circle-tab" class="nav-item nav-link" data-toggle="tab" href="#circle">{{i18n.ci_circle}}</a>
      <a id="codeship-tab" class="nav-item nav-link" data-toggle="tab" href="#codeship">{{i18n.ci_codeship}}</a>
      <a id="travis-tab" class="nav-item nav-link" data-toggle="tab" href="#travis">{{i18n.ci_travis}}</a>
      <a id="semaphore-tab" class="nav-item nav-link" data-toggle="tab" href="#semaphore">{{i18n.ci_semaphore}}</a>
      <a id="solano-tab" class="nav-item nav-link" data-toggle="tab" href="#solano">{{i18n.ci_solano}}</a>
    </ul>
  </div>

  <div class="tab-content">
    <div id="select-platform" class="tab-pane bg-faded active">
      <p class="text-center my-4 text-muted">
        {{i18n.ci_select_platform}}
      </p>
    </div>
    <div class="tab-pane" id="appveyor">{{ appveyor | markdownify }}</div>
    <div class="tab-pane" id="circle">{{ circle | markdownify }}</div>
    <div class="tab-pane" id="codeship">{{ codeship | markdownify }}</div>
    <div class="tab-pane" id="travis">{{ travis | markdownify }}</div>
    <div class="tab-pane" id="semaphore">{{ semaphore | markdownify }}</div>
    <div class="tab-pane" id="solano">{{ solano | markdownify }}</div>
  </div>
</div>
